<template>
	<!-- 收货-头部begin -->
	<div class="flex">
		<div class="left">
			<img class="left_returnImg" src="@/assets/images/返回1.png" alt="" />
		</div>
		<div class="content"><span>这里要放搜索框</span></div>
		<div class="right">
			<div class="right_avatar"></div>
		</div>
	</div>
	<!-- 收货-头部end -->
</template>

<script>
export default {
	name: 'UserOrderListHeader',
};
</script>

<style scoped>
.flex {
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 0;
	z-index: 1;
	background-color: #fff;
	width: 100%;
	height: 80px;
	align-items: center;
}

.left,
.right {
	width: 50px;
	text-align: center;
	line-height: 36px;
}
.left_returnImg {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.content {
	flex: 1;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
}
.right_avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #536069;
}
</style>
